{literal}
<script type="text/javascript">
$(document).ready(function(){
	$('#error_room').html('');	
});
</script>
{/literal}
<div>
	<span id='error_room'></span>
</div>
<div class='form_container' style='width:700px'>
	<table>
		<tr>
			<td class='label'>{translate}Department{/translate}</td>
			<td>
			<form>
				<select name='room_department' id='room_department'>
					<option id='empty' value='empty'>{translate}Select department{/translate}</option>
				</select>
			</form>
			</td>
			<td class="btn" rowspan="3" width="100px">
				<div>
					<a class='imgBtn'>
						<img id='add_room' title='{translate}Add room{/translate}' src="../images/add.png"/>
					</a>
				</div>
			</td>
		</tr>
		<tr>
			<td class='label'>{translate}Room name{/translate} (*)</td>
			<td><input type="text" id="room_name"></td>
		</tr>
		<tr>
			<td class='label'>{translate}Surgery room{/translate}</td>
			<td><input type="checkbox" id="encounter_room"></td>
		</tr>
		<tr>
			<td class='label'>{translate}Description{/translate}</td>
			<td>
				<textarea id="room_description" cols=30 rows=3></textarea>
			</td>
		</tr>
		<tr>
            <td class='label'>{translate}Room type{/translate}</td>
            <td>
            <form>
                <select name='roomType' id='roomType'>
                </select>
            </form>
            </td>
        </tr>
	</table>
</div>

<br><br>

<div>
	<table id='roomTable' cellspacing='0' cellpadding='0' class='grid' style='min-width:720px; max-width:800px'>
		<caption style="margin-bottom: 10px">
		
			<span class='table_caption'>{translate}List of rooms{/translate}</span>			
			<select id='filter_department'>				
			</select>					
		</caption>		
		<thead>
			<tr>
				<th class="first">{translate}Department name{/translate}</th>
				<th>{translate}Room name{/translate}</th>
				<th>{translate}Description{/translate}</th>
				<th>{translate}R. Surgery{/translate}</th>
				<th>{translate}Room type{/translate}</th>
				<th>{translate}Status_1{/translate}</th>
				<th class="last" colspan=5>{translate}Act{/translate}</th>
			</tr>
		</thead>
		<tbody>
		</tbody>
	</table>
</div>